<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Detalles de sanción" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="3">
						<rich:spacer width="40px;" />
						<rich:panel styleClass="panel_foto">
							<h:graphicImage
								rendered="#{sancionesAction.sancion.jugador.jugador.foto == null}"
								url="/temas/tiki/imagenes/otros/noFotoUsuario.png"
								width="120px;" height="140px;" />
							<s:graphicImage
								value="#{sancionesAction.sancion.jugador.jugador.foto}"
								width="120px" height="140px"
								rendered="#{sancionesAction.sancion.jugador.jugador.foto == null}"></s:graphicImage>
						</rich:panel>
						<rich:panel styleClass="panel_sancion">
							<rich:spacer height="15px;" />
							<h:panelGrid columns="3">
								<rich:spacer width="250px;"></rich:spacer>
								<h:outputText value="amonestado con" styleClass="th100" />
								<h:graphicImage url="#{sancionesAction.tarjeta}" />
							</h:panelGrid>
							<h:panelGrid columns="2">
								<h:outputText value="Jugador" styleClass="th80" />
								<h:outputText
									value="#{sancionesAction.sancion.jugador.jugador.apellidos}, #{sancionesAction.sancion.jugador.jugador.nombre}" />
							</h:panelGrid>
							<h:panelGrid columns="2">
								<h:outputText value="Activa" styleClass="th80" />
								<h:selectOneMenu value="#{sancionesAction.sancion.activa}"
									id="activa" styleClass="input50"
									disabled="#{sancionesAction.consulta}">
									<f:selectItem itemLabel="Sí" itemValue="true" />
									<f:selectItem itemLabel="No" itemValue="false" />
								</h:selectOneMenu>
							</h:panelGrid>
							<h:panelGrid columns="5">
								<h:outputText value="Partidos sanción" styleClass="th80" />
								<h:selectOneMenu disabled="#{sancionesAction.consulta}"
									value="#{sancionesAction.sancion.partidosSancion}"
									id="partidosSancion" styleClass="input50" required="true"
									requiredMessage="Es obligatorio el número de partidos de la sanción">
									<f:selectItem itemLabel="0" itemValue="0" />
									<f:selectItem itemLabel="1" itemValue="1" />
									<f:selectItem itemLabel="2" itemValue="2" />
									<f:selectItem itemLabel="3" itemValue="3" />
									<f:selectItem itemLabel="4" itemValue="4" />
									<f:selectItem itemLabel="5" itemValue="5" />
									<f:selectItem itemLabel="6" itemValue="6" />
									<f:selectItem itemLabel="7" itemValue="7" />
									<f:selectItem itemLabel="8" itemValue="8" />
									<f:selectItem itemLabel="9" itemValue="9" />
									<f:selectItem itemLabel="10" itemValue="10" />
								</h:selectOneMenu>
								<rich:spacer width="25px;" />
								<h:outputText value="Partidos pendientes" styleClass="th80" />
								<h:selectOneMenu disabled="#{sancionesAction.consulta}"
									value="#{sancionesAction.sancion.partidosPendientes}"
									id="partidosPendientes" styleClass="input50" required="true"
									requiredMessage="Es obligatorio el número de partidos pendientes">
									<f:selectItem itemLabel="0" itemValue="0" />
									<f:selectItem itemLabel="1" itemValue="1" />
									<f:selectItem itemLabel="2" itemValue="2" />
									<f:selectItem itemLabel="3" itemValue="3" />
									<f:selectItem itemLabel="4" itemValue="4" />
									<f:selectItem itemLabel="5" itemValue="5" />
									<f:selectItem itemLabel="6" itemValue="6" />
									<f:selectItem itemLabel="7" itemValue="7" />
									<f:selectItem itemLabel="8" itemValue="8" />
									<f:selectItem itemLabel="9" itemValue="9" />
									<f:selectItem itemLabel="10" itemValue="10" />
								</h:selectOneMenu>
							</h:panelGrid>
						</rich:panel>
					</h:panelGrid>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="9" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;" rendered="#{!sancionesAction.consulta}"></rich:spacer>
			<h:panelGrid columns="1" rendered="#{!sancionesAction.consulta}">
				<a4j:commandButton styleClass="botonBotonera guardar"
					id="linkGuardar" style="width:48px;"
					title="pulsa para guardar los datos de la sanción">
					<rich:componentControl for="panelGuardar" attachTo="linkGuardar"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Guardar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:region>
					<a4j:commandButton styleClass="botonBotonera volver"
						style="width:48px;" action="#{sancionesAction.volver()}"
						title="pulsa para volver a la búsqueda de jugadores amonestados">
					</a4j:commandButton>
				</a4j:region>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:region>
					<a4j:commandButton styleClass="botonBotonera inicio"
						style="width:48px;" action="#{sancionesAction.menu()}"
						title="pulsa para volver al menú principal de la aplicación">
					</a4j:commandButton>
				</a4j:region>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de sanción. Complete los datos de la sanción y pulse el botón guardar 
					para acpetar las modificaciones"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>


		<rich:modalPanel id="panelGuardar" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="150px;"></rich:spacer>
				<h:outputText value="Guardar" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a guardar los datos en el sistema. 
					¿Desea guardar los datos modificados del formulario?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<a4j:commandButton id="aceptarG"
						action="#{sancionesAction.guardar()}" value=""
						styleClass="boton_modal aceptar" reRender="mensaje">
						<rich:componentControl for="panelGuardar" attachTo="aceptarG"
							operation="hide" event="onclick" />
					</a4j:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<a4j:commandButton id="cancelarG" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelGuardar" attachTo="cancelarG"
							operation="hide" event="onclick" />
					</a4j:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<a4j:commandButton id="cerrarG" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelGuardar" attachTo="cerrarG"
							operation="hide" event="onclick" />
					</a4j:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>